import React from 'react'
import { Grid } from 'antd-mobile'
import datacheck from '../../assets/image/home/datacheck.png'
import rere from '../../assets/image/home/rere.png'
import rered from '../../assets/image/home/rered.png'
import dataEdit from '../../assets/image/home/dataEdit.png'
import dataEdi from '../../assets/image/home/dataEdi.png'
import weeklyWork from '../../assets/image/home/dataEdi.png'
import safetyTechnicalDisclosure from '../../assets/image/home/safetyTechnicalDisclosure.png'
import stationRecord from '../../assets/image/home/stationRecord.png'
import superiorCheck from '../../assets/image/home/superiorCheck.png'
import siteSupervision from '../../assets/image/home/siteSupervision.png'

const data = 
    [
        {
            icon: datacheck,
            text: 'list1',
            url: '/li1'
        },
        {
            icon: dataEdi,
            text: 'list2',
            url: '/li2'
        },
        {
            icon: superiorCheck,
            text: 'CCCCC',
            url: '/CCC'
        },
        {
            icon: rere,
            text: 'DDDDD',
            url: '/RectifyRecord'
        },
        {
            icon: rered,
            text: 'EEEEE',
            url: '/RectifyBack'
        },
        {
            icon: dataEdit,
            text: 'FFFFFF',
            url: '/RegularEducation'
        },
        {
            icon: safetyTechnicalDisclosure,
            text: 'GGGGG',
            url: '/safetyTechnicalDisclosure'
        },
        {
            icon: siteSupervision,
            text: 'HHHHH',
            url: '/siteSupervision'
        },
        {
            icon: stationRecord,
            text: 'IIIII',
            url: '/stationRecord'
        },
        {
            icon: weeklyWork,
            text: 'JJJJJ',
            url: '/workScheduleType'
        }
    ]

export default function MenuGridView (props) {
    const {clickGrid} = props

    return (
        <div>
            <Grid
                data={data}
                columnNum={3}
                onClick={(param) => clickGrid(param)}
            />
        </div>
    )
}

